<template>
	<view class="y-page-common page">
		<view class="desc">
			感谢您申请交通银行兴农e贷产品！为了更好了解您对产品的需求，请跟进自身意愿和需求选择贷款类型。如有疑问，欢迎垂询我行客户经理或拨打95559。
		</view>
		<view class="choose-box">
			<view class="item">
				<view class="title">请选择想要的贷款类型：</view>
				<radio-group v-model="radio1" @change="radioChange1">
					<radio value="1">个人</radio>
					<radio value="2">企业</radio>
				</radio-group>
			</view>
			<view class="item">
				<view class="title">是否愿意用房产作为抵押物使用：</view>
				<radio-group v-model="radio2" @change="radioChange2">
					<radio value="1">是</radio>
					<radio value="2">否</radio>
				</radio-group>
			</view>
		</view>
		<view class="y-color-info">
			<view>
				温馨提示：
			</view>
			<view>
				目前我行暂仅支持有实体经营背景企业主个人使用房产作为抵押物。
			</view>
		</view>
		<view class="btn">
			<button class="btn-80" style="margin-top: 60rpx;" type="primary" @click="toApply">确认申请</button>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				radio1: '',
				radio2: '',
			}
		},
		onLoad() {

		},
		methods: {
			radioChange1(value) {
				this.radio1 = value.detail.value
			},
			radioChange2(value) {
				this.radio2 = value.detail.value
			},
			toApply() {
				const url_enterprise = '/pages/enterprise/steps'
				const url_personal = '/pages/personal/index'
				if (!this.radio1 || !this.radio2) {
					uni.showToast({
						icon: "none",
						title: '请选择',
						duration: 3000,
						position: 'top'
					})
					return
				}
				// 个人
				if (this.radio1 === '1') {
					// 抵押房产  增加房产价值评估 ---------> 企业类里面的房产估值
					uni.setStorageSync('isMortageProperty',this.radio2 === '1' ? true : false);	
					uni.setStorageSync('currentProject', 'personal');
					// 不抵押房产
					uni.navigateTo({
						url: url_personal
					})
					return
				}
				// 企业
				uni.navigateTo({
					url: url_enterprise
				})
			}

		}
	}
</script>

<style scoped lang="scss">
	.page {
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		background: url('../../static/imgs_personal/index_bg.jpg') fixed no-repeat;
		background-size: 100% 100%;
		padding: 30rpx;

		.desc {
			text-indent: 2em;
			color: #1A61D3;
		}

		.choose-box {
			margin: 60rpx 0 60rpx 60rpx;

			.item {
				margin-bottom: 40rpx;

				radio-group {
					margin: 40rpx;

					radio {
						margin-right: 40rpx;
					}
				}
			}
		}	
			.btn{
				width: 100%;
				display: flex;
				justify-content: space-around;
				.btn-80 {
					width: 80%;
					margin: 0 auto;
					margin-top: 60rpx;
				}
			}
	}
</style>